<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8">
<title>head line</title>
</head>
<body>
<body background = '../images/2.png'></body><!-- 상대결로 -->
<h1>head line</h1><hr/><!-- /hr   헤드라인 아래 구분선-->
<h1>가장 큰 글자</h1>
<h6>가장 작은 글자</h6>
<h1 align = 'center'>가운데 정렬</h1>
<h6 align ='right'>오른쪽 정렬</h6>
<font size = '1'>가장 작은 폰트</font>
<h2><font size = '7'>가장 큰 폰트</font></h2>

<font size = '7' color = '#ff0000'>빨간색의 가장 큰 글자</font><br/><!-- br/ 줄바꾸기 -->
<font size = '7' color = '#0000ff' face= '궁서체'>빨간색의 가장 큰 글자</font>
<h3>문단 테그들</h3>
<P>첫번째 문장</P>
<P>두번째 문장</P>
<div>첫번째 문장</div>
<div>두번째 문장</div>
<pre>첫번째 문장</pre>
<pre>두번째                                                                                    문장</pre>
<br/>
<!-- pre와 div비교 -->
<pre><!-- 줄뛰어 주는 효과 있음  -->
우
리
나
라</pre>
<div><!-- 줄뛰어 주는 효과 없음  -->
우
리
나
라</div>

<!-- div 와 xmp비교 -->
<div><!-- 색상 효과 있음 -->
<font color ='#ff0000'>빨강</font><br/>
<font color ='#0000ff'>파랑</font><br/>
</div>
<xmp>             <!-- 색상 효과 없음 -->
<font color ='#ff0000'>빨강</font><br/>
<font color ='#0000ff'>파랑</font><br/>
</xmp>

</body>
</html>